<!--
author: 何其沆(pooky)
desc: banner封装 - 上下两行
date: 2021-11-12
-->
<template>
  <div class="banner-item">
    <div class="banner-item-t">{{ title }}</div>
    <div class="banner-item-c" :style="{ textAlign: fr === 1 ? 'right' : 'left' }">{{ subTitle }}</div>
  </div>
</template>

<script setup>
defineProps({
  title: String,
  subTitle: String,
  fr: {
    type: Number,
    default: 0
  }
})
</script>

<style scoped lang="less">
.banner-item {
  display: flex;
  flex-direction: column;
  //margin-right: 5vw;
  .banner-item-t {
    color: @text-gray;
    font-size: 14px;
  }
  .banner-item-c {
    font-weight: 700;
    color: #404040;
    font-size: 16px;
  }
}
</style>
